<template>
    <div class="settingPage">
        <HeadTop title='设置'/>
         <div class="margintop"></div>
        <div class="block">
            <router-link to="/person">
                <p class="ul-item">个人资料</p>
            </router-link>
        </div>
        <div class="block">
            <router-link to="/accountmana">
                <p class="ul-item">账号管理</p>
            </router-link>
        </div>
        <div class="block">
           <p class="ul-item">缓存管理</p>
        </div>
        <div class="block">
           <p class="ul-item">检查更新</p>
        </div>
        
        <button class="logoutBtn" @click="logout">退出登录</button>
        
    </div>
</template>

<script>
import HeadTop from '../../components/Nav/HeadTop'
export default {
    
    components:{
        HeadTop
    },
    methods: {
        logout(){
            this.$store.commit('LOGIN_OUT')
        }
    },
}
</script>

<style lang="less" scoped>
.settingPage{
    width: 100%;
    height: 100%;
    background: #eee;
}
.block{
    margin-bottom: 0.2rem;
    background: #fff;
    
}
.ul-item{
    width: 100%;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: left;
    padding-left: 0.2rem;
    font-size: 0.32rem;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd
}
.margintop{
    height: 0.2rem;
    background: transparent;
}
.logoutBtn{
    display: block;
    margin: 0 auto;
    margin-top: 0.5rem;
    width: 70%;
    height: 1.0rem;
    line-height: 0.9rem;
    border-radius: 0.5rem;
    background: transparent;
    border: 2px solid #ccc;
    color:#333;
    font-size: 0.40rem;
}
</style>